iT邦幫忙

2024 iThome 鐵人賽

DAY 23
0

今天我決定開始做後面幾天的實作準備了,也剩下沒幾天,理論部分也都學習得差不多了,如果還有要補充的理論學習,會在後幾天提出來,那麼今天我就先安裝VS Code當作當作我寫HTML的開發環境,並先做好準備。

VS Code開發環境的優勢

VS Code是有許多優勢的,那我舉幾個我選擇VS Code的原因:

  1. 跨平台支持
    VS Code 支援 Windows、macOS 和 Linux,無論你使用哪個操作系統,都可以在相同的開發環境下工作,保持一致的使用體驗。
  2. 快速也便利
    雖然 VS Code 功能強大,但它是一個輕量級的編輯器,能夠快速啟動,不會佔用過多的系統資源。即便在低配電腦上,VS Code 依然可以運行流暢。
  3. Git 整合
    VS Code 有內建的 Git 支援,可以直接在編輯器中進行版本控制,如:
    查看變更、提交代碼、查看版本歷史等。
    這對於團隊協作或個人項目開發都非常有幫助。
  4. 即時預覽與調試
    像我就有安裝Live Server這個這個擴充功能,即便在更改後想要直接看到頁面更新結果,不用再重新整理網頁,只要自動刷新儲存網頁,就可以看到更新後的頁面了。
  5. 適合多語言開發
    除了前端語言(HTML、CSS、JavaScript),VS Code 還支援多種其他編程語言,如 Java、Python、C++ 等,像是我前十天自學的主題Java也能利用VS Code。

VS Code安裝與測試

1.去VSCode網頁安裝符合我作業系統的版本
https://code.visualstudio.com/#:~:text=Visual%20Studio%20Code%20is%20a%20code%20editor
2.設置好 VS Code 開發環境,建立資料夾存放專案資料
3.建立一個新專案並測試練習https://ithelp.ithome.com.tw/upload/images/20241007/20169436IKBuBGwrBp.png
先寫好代碼
https://ithelp.ithome.com.tw/upload/images/20241007/20169436MmQUDyf9jY.png
然後這是網頁呈現結果

總結來說,因為我沒寫過網頁,連開發環境都沒有接觸過,所以今天主要還是慢慢熟悉應用,但也花了我一些時間去慢慢練習和習慣這個環境,再來我會介紹我安裝的擴充功能,今天先到這邊。


上一篇
Day22 JavaScript的Local Storage
下一篇
Day24 VS Code的擴充功能
系列文
原來程式語言一點都不難!跟著我30天java自學之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言